<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // Date对象----时间---MM DD,YYYY,hh:mm:ss
        let jt = new Date("July 15,2024,09:48:50")
        console.log(jt);

        let today = new Date();
        let day = today.getDate()//一个月中的某一天，1-31
        let week = today.getDay()//获取某一个星期，0-6，0是周日
        let h = today.getHours()///某一个小时0-23
        let m = today.getMinutes()//分钟，0-59
        let s = today.getSeconds()//秒，0-59
        let nian = today.getFullYear()//年
        let time = today.getTime()//1728352522471,1970-1-1的毫秒数，时间戳，唯一标识一个时间
        console.log(h + ":" + m + ":" + s);

        function shijian() {
            let today = new Date();
            let h = today.getHours()///某一个小时0-23
            let m = today.getMinutes()//分钟，0-59
            let s = today.getSeconds()//秒，0-59

            document.getElementById("time").innerHTML = "现在的时间是：" + h + ':' + m + ':' + s;
        }
        // 定时函数
        // setTimeout()//某一毫秒后，执行某个动作
        // clearTimeout()//清除时间设置
        // setInterval()//某一毫秒后，循环执行某个动作
        // clearInterval()//清除时间设置
        let myTime = setInterval("shijian()", 1000)

    </script>
    <script>

        // 数学对象
        // Math()
        // ceil()向上取整  25.5===26，，-25.5==-25
        // floor()向下取整，25.5==25，-25.5=-26
        // round()四舍五入，25.5=26，-25.5=-26
        // random()，[0-1)   2--99   === 有几个数，98个数，  random*98+2
    </script>
</head>

<body>
    <p id="time"></p>
    <input type="button" value="时间停止" onclick="javaScript:clearInterval(myTime)"><br />


    本次选择的颜色是：<span id="c"></span><br />
    <input type="button" value="选择一个颜色" onclick="sz()">

    <script>
        function sz() {
            let arr = new Array("红", "黄", "绿", "蓝");
            let num = Math.ceil(Math.random() * 4) - 1;

            document.getElementById("c").innerHTML = arr[num]


            console.log(num);
        }



    </script>

</body>

</html>